@charset "utf-8";
@import "fun.less";

/*手机和平板竖-start*/
@media screen and (max-width: 800px) {
    .hide_mobi{
        display:none;
    }
    .hide_break{
        height:0;
    }
    .mobi_width{
        width:100%;
    }
    .outer{
        width:100%;
    }
    .noflex_block{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex:1;
        box-flex: 1;
    }
body .gap_child,label,span[class*="title"],a[class*="title"]{
  font-size:@main_size;
}
        .app_intro audio {
            width: 100%;
        }
    .list_picnews .block:active{
        background-color: @color_border;
    }

    body {
        font-family: -apple-system-font, "Helvetica Neue", sans-serif, @main_font;
        color: #000;
    }

    a {
        color: #000;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    a:hover {
        color: #000;
        text-decoration: none;
    }

    span[class*="tmpfont"] {
        font-size: 18px;
    }

    .app_list.flex_flex .line_break {
        display: block;
    }
    .app_list_block{
        background-color: #fff;
        line-height:38px;
    }
    input.flex_input{
        width: 100%!important;
        padding: 0;
        margin: 0;
        height: 38px;
        line-height: 38px;
        border: none;
        top: 0;
    }
     .mobiscroll_block input {
        width: 100%!important;
        padding: 0;
        margin: 0;
        height: 38px;
        line-height: 38px;
        border: none;
        top: 0;
    }
    select{
        width: 100%!important;
        padding: 0;
        margin: 0;
        height: 38px;
        line-height: 38px;
        border: none;
        top: 0;
    }
    input.with_border {
        .radius();
        padding: 0 2%;
        width: 96%;
        background-color: #fafafa;
        box-shadow: 0 1px 2px rgba(0,0,0,.05) inset;
    }
    .much_input .break {
        display: inline-block;
        margin:0 10px;
        width: 1px;
        background-color: #dbdbdb;
        height: 38px;
        overflow: hidden;
    }
    .much_input .arrow_more {
        margin-left:0;
        position:inherit;
    }
    .app_list_block .title {
        width: auto;
        text-align: inherit;
    }
    .app_list_block .r_head {
        width: 38px;
        height: 38px;
    }
    .switch{
        margin-top:5px;
    }
    .arrow_more {
        margin-left: 8px;
        position: inherit;
        left: auto;
        top: auto;

    }
    .arrow_more[class*="calendar"] {
        margin-left: 8px;
        position: inherit;
        left: auto;
        top: auto;
    }
    .app_list_block .arrow_more[class*="unfold"] {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }
    .arrow_more[class*="unfold"]{
        margin-left: 8px;
        position: inherit;
        left: auto;
        top: auto;
    }
    .app_list input[type="text"]:focus, .app_list input[type="number"]:focus, .app_list input[type="password"]:focus, .app_list textarea:focus,.app_list_block input[type="text"]:focus, .app_list_block input[type="number"]:focus, .app_list_block input[type="password"]:focus, .app_list_block textarea:focus {
        box-shadow: none;

    }
    .radio_block label, .check_block label {
        margin-right: @break_nor;
    }

    .app_list_block textarea {
        border: 0;
        border-radius: 0;
        padding: 6px 0;
        display: block;
        width: 100%;
        height: calc(@title_h *3);
        line-height: @title_h;
    }
    .arrow_pic img {
        height: 28px;
    }

    .right_txt {
        position: absolute;
        right: 0;
        top: 0;
        height: 54px;
        line-height: 54px;
        text-align: center;
        margin-left: 0;
        border-radius: 0;
        border: 0;
        z-index: 2;
    }
    .right_txt:before{
        content: " ";
        width: 1px;
        height: 54px;
        background-color: #dbdbdb;
        overflow: hidden;
        position:absolute;
        top:0;
        left:0;

    }
    .left_txt:before{
        content: " ";
        width: 1px;
        height: 54px;
        background-color: #dbdbdb;
        overflow: hidden;
        position:absolute;
        top:0;
        right:0;
    }
    .right_check {
        position: absolute;
        right: 0;
        top: 0;
        height: 54px;
        line-height:54px;
        text-align:center;
        border-radius: 0;
        margin-left: 0;
        border: 0;
    }
    .right_check:before{
        width: 1px;
        height: 54px;
        background-color: #dbdbdb;
        overflow: hidden;
        position:absolute;
        top:0;
        left:0;

    }
    .right_check img {
        height: 100%;
        border-radius: 0;
    }

    /*智能表格*/
    .data_table.longertable{
        width:1400px;
    }
    .data_table.longtable{
        width:1000px;
    }
    .data_table.shorttable{
        width:768px;
    }
    .flow_contain{
        width: 100%;
        overflow-y: auto;

    }
    .flow_contain::-webkit-scrollbar
    {
        -webkit-appearance: none;
        width: 10px;
        height: 10px;
    }

    .flow_contain::-webkit-scrollbar-thumb
    {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .2);
    }
    .flow_contain_outer { position: relative; width:100%;  overflow: hidden;}
    .flow_contain_outer .fade {
        position: absolute;
        right: 0;
        width: 30px;
        height: 100%;
        background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: -moz-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: -ms-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: -o-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
    }
    /**/
/*窗口控制*/
    .w_title {
        text-align: center;
        padding: 0;
    }

    .w_title *[class*="font"] {
        display: none;

    }

    .app_window .con,.info_tip .fancybox-content {
        width: 80%;
    }

    .app_window .con .w_main {
        max-height: 500px;
    }

    .with_remind .remind {
        font-size: 14px;
        line-height: 28px;
        color: @color_txt;
        position: fixed;
        width: 70%;
        padding: 10px @break_nor;
        border-sizing: border-box;
        background-color: #fff;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 19;

    }

    .with_remind .remind:before {
        display: none;
    }

    .mini_menu_outer .mini_menu {
        position: fixed;
        right: auto;
        width: 80%;
        border: 0px;
        .radius();
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 19;
    }
    .input_box{
        margin: 0;
    }
    /*瀑布和流动*/
    .floats.waterfall{
        padding:0 4px;
    }
    .floats.waterfall .block{
        width:calc((100% - (4px * 4)) / 2) ;
        margin:4px  4px;
    }
    .break_p .title{
        color: @color50;
        font-size:@main_size;
        margin:0 10px;
    }
    .break_p .break{
        width:100%;
        height:1px;
        margin-top:14px;
        border-radius:0px;
        float: none;
    }
    /*菜单导航*/
    .with_header{
        height:44px;
    }
    .page_header .logo{
        height:44px;
        width:90px;
        background-size:90px 88px;
    }
    .page_header .in{
        margin:0 6px;
    }
    .page_header .flex_block{
        text-align: center;
    }
    .nav_top{
        display: none;
    }
    .page_header span[class*="open_"],
    .page_header a[class*="open_"] {
        display: inline-block;
        color: #fff;
        font-size: 18px;
        width: 34px;
        line-height:44px;
        text-align: center;
        position: relative;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
    }
    .page_header.bg_white *[class*="open_"]{
        color: @color_txt;
    }
    .page_header *[class*="open_"].open_cp {
        border-radius: 100%;
        height: 28px;
        width: 28px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        top: 8px;
        margin-left:10px;
    }
    .page_header *[class*="open_"].open_cp.head_left {
        margin-left:0;
    }
    .page_header *[class*="open_"].open_logo {
        border-radius: 0;
        height: 44px;
        width: auto;
        position: inherit;
        top: 0;
    }
    .page_header *[class*="open_"].open_logo img{
        height: 44px;
    }
    .page_header *[class*="open_"] .num{
        background-color: #f06060;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        padding: 0 4px;
        border-radius: 16px;
        position: absolute;
        top: 8px;
        right: -2px;
    }
    .page_header *[class*="open_"] .dot{
        width: 5px;
        height: 5px;
        border-radius: 100%;
        position: absolute;
        top: 10px;
        right: 6px;
        background-color: #f06060;
    }
    .page_header .modal_sch {
    font-size:14px;
        text-align: left;
        margin: 8px 10px;
        height: 28px;
        line-height: 28px;
        border-radius: 28px;
        background-color: #f5f5f5;
        color: #ccc;
        padding: 0 8px 0 @break_nor;
        box-sizing: border-box;
    }
    .page_header .modal_sch *[class*="font"] {
        float: right;
    }
    .page_header .page_title {
        line-height: 44px;
        font-size:18px;
    }
    .page_header .topic_title {
        line-height: 16px;
        font-weight: bold;
        margin-top: 7px;
        text-align: left;
    }
    .page_header .topic_des {
        line-height: 14px;
        color: #808080;
        font-size: 10px;
        text-align: left;
    }
    /*左侧菜单*/
    .menu_outer{
        background-color: #fff;
    }

    .menu_outer > li {
        height: auto;
        overflow: hidden;
    }

    .menu_outer > li.firstChild {
        border: 0;
    }

    .menu_outer .header {
        height: 44px;
        line-height: 44px;
        cursor: pointer;
        display: block;
    }

    .menu_outer .header .tmpfont:first-child {
        width: 34px;
        text-align: center;
        margin-left: 10px;
        color:@color50;
    }

    .menu_outer .header .tmpicon-unfold {
        color:@color80;
        font-size: 12px;
        width: 44px;
        float: right;
        text-align: center;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
    }

    .menu_in {
        display: none;
        height: auto;
        position: relative;
    }

    .menu_in li {
        height: 44px;
        overflow: hidden;
        line-height: 44px;
    }

    .menu_in li a {
        padding-left: 58px;
    }

    .menu_outer a {
        display: block;
    }

    .menu_in li a:hover {
        text-decoration: none;
    }

    .menu_outer a:hover, .menu_outer .selected
    {
        background-color: fade(@color_cur,10%);
        color: @color_cur;
    }
    .menu_outer a:hover, .menu_outer .selected a{
        color: @color_cur
    }
    .menu_outer .menu_show {
        background-color:@color98;
    }

    .menu_outer .menu_show .header .tmpicon-unfold {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .menu_outer .num {
        background-color: @color_red;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        padding: 0 4px;
        border-radius: 16px;
        float: right;
        margin-right: 10px;
        margin-top: 14px;
    }

    .menu_outer .dot {
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background-color: @color_red;
        position: relative;
        left: 4px;
        top: -8px;
    }

    .menu_outer .head_pic {

        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 28px;
        height: 28px;
        border-radius: 100%;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .5);
        margin: 8px 3px 8px 13px;
        float: left;
    }
/*数字统计*/
    .statistics {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
      width: 100%;
      margin:auto;
    }
    .statistics .flex_block {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-box-flex: 0;
        box-flex: 0;

    }
    .statistics_block .result{
        line-height: 36px;
    }
    .statistics .flex_block{
        position: relative;
    }

    .sta_6 .flex_block,.sta_9 .flex_block{
        width: 33.33%;
    }
  .sta_2 .flex_block{
    width: 50%;
  }
  .sta_4 .flex_block,
  .sta_8 .flex_block {
    width: 25%;
  }
    .statistics.with_break .flex_block:after{
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        width: 1px;
        height: 50px;
        background-color: @color_border;
    }
    .statistics.sta_6 .flex_block:nth-child(3n):after,.statistics.sta_9 .flex_block:nth-child(3n):after,.statistics.sta_2 .flex_block:nth-child(2n):after,.statistics.sta_4 .flex_block:nth-child(2n):after,.statistics.sta_8 .flex_block:nth-child(2n):after{
        display: none;
    }
    .statistics.with_break.sta_6 .flex_block:nth-child(3n):before,.statistics.with_break.sta_9 .flex_block:nth-child(3n):before{
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 300%;
        height: 1px;
        background-color: @color_border;
    }
    .statistics.with_break.sta_2 .flex_block:nth-child(2n):before,.statistics.with_break.sta_4 .flex_block:nth-child(2n):before,.statistics.with_break.sta_8 .flex_block:nth-child(2n):before{
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 200%;
        height: 1px;
        background-color: @color_border;
    }
/*swiper滚动*/
    .position_center{
        width: 80%;
    }
    .myslide-next,
    .myslide-prev {
        width:28px;
        height: 28px;
        margin-top: -14px;
    }
    .swiper-container-horizontal>.mypagination.swiper-pagination-bullets{
        bottom: 10px;
    }
/*20180528*/
    .app_list_block .file_upload span[class*='auto_btn']{
        .radius;
    }
    .app_list_block .file_upload span[class*='auto_btn']:before{
        .radius;
    }
/*打赏*/
    .zs-modal-footer img{
        height:28px;
    }
    .zs-modal-btns{
        margin:26px auto;
    }
    .zs-modal-btns button{
        margin:4px;
    }
    .zs-modal-pay .pay{
        line-height:36px;
        margin:0px auto;
    }
    .zs-modal-pay .pay .pay_num,.zs-modal-pay .pay .float{
        font-size:28px;
    }
    .zs-modal-pay .pay .pay_num,.zs-modal-pay .pay .float{
        font-size:28px;
    }
    .zs-modal-pay .pay.random .pay_num{
        font-size:28px;
        line-height:36px;
    }
    .zs-modal-pay img{
        width:120px;
        margin:0px auto;
    }
    .zs-modal-btns{
        margin:0px auto @break_nor auto;
    }
    .zs-modal-pay p{
        font-size:12px;
    }
    .page_ban a {
        width: 20%;
        line-height:28px;
    }
    /**/
    .info_filter {
        padding: 0 0 8px 0;
        margin: 0;
        box-shadow: none;
    }
    .info_filter:after {
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ebebeb;
        overflow: hidden;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .info_filter .block {
        padding: 6px 8px;
    }
    .info_filter .block .flex_block {
        position: relative;
    }
    .info_filter .block .flex_block:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 28px;
        width: 40px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
        /*红色*/
    }
    .info_filter .block .flex_block .select_outer {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .info_filter .block .flex_block .hide_pc {
        width: 40px;
    }
    /*无限菜单*/
.treeview_response{
    background-color: #fff;
    position: fixed;
    right: -71%;
    top: 0;
    width: 70%;
    height: 100%;
    overflow: auto;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
    .treeview_response .close_treeview,.open_treeview.shape_btn{
        display: inline-block;
    }
    /*底部菜单start*/
    .with_btm_nav {
        height: 58px;
        overflow: hidden;
    }
    .btm_nav {
        height: 58px;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 2;
    }
    .btm_nav:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: #ebebeb;
        transform-origin: 0 0;
        transform: scaleY(0.5);
    }
    .btm_nav_break {
        width: 1px;
        overflow: hidden;
        height: 58px;
        background-color: #ebebeb;
        transform-origin: 0 0;
        transform: scaleX(0.5);
    }
    .btm_nav_block {
        height: 58px;
        display: block;
        text-align: center;
    }
    .btm_nav .default {
        border-color: #fff;
    }
    .btm_nav_block *[class*="font"] {
        font-size: 22px;
        line-height: 24px;
        margin-top: 10px;
        position: relative;
        color: #808080;
    }
    .btm_nav_block .pic {
        margin-top: 10px;
        position: relative;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background-color: #f0f0f0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .btm_nav_block.single_icon *[class*="font"] {
        margin-top: 4px;
        font-size: 50px;
        line-height: 50px;
        color: @color_cur;
    }
    .btm_nav_block *[class*="font"] .dot,
    .btm_nav_block .pic .dot {
        width: 6px;
        height: 6px;
        background-color: @color_red;
        border-radius: 100%;
        position: absolute;
        right: -6px;
        top: 0px;
    }
    .btm_nav_block *[class*="font"] .num,
    .btm_nav_block .pic .num {
        height: 18px;
        min-width: 18px;
        line-height: 18px;
        background-color: @color_red;
        border-radius: 18px;
        font-size: 8px;
        color: #fff;
        text-align: center;
        position: absolute;
        right: -14px;
        top: -4px;
    }
    .btm_nav_block div {
        color: #808080;
        line-height: 18px;
        font-size: 10px;
        display: block-inline;
    }
    .btm_nav .selected div,
    .btm_nav .selected *[class*="font"] {
        color: @color_cur;
    }
    /*end*/
    /*底部按钮start*/
    .with_btm_btn {
        height: 44px;
        overflow: hidden;
    }
    .btm_btn {
        height: 44px;
        line-height: 44px;
        text-align: center;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 3;
    }
    .btm_btn:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        height: 1px;
        background-color: #ebebeb;
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    .btm_btn .break {
        width: 1px;
        height: 44px;
        background-color: #dbdbdb;
        transform: scaleX(0.5);
        -webkit-transform: scaleX(0.5);
    }
    .btm_btn a {
        display: block;
    }
    .btm_btn a span {
        width: 100px;
        text-align: center;
    }
    /*底部评论按钮start*/
    .with_rebtn {
        height: 44px;
        overflow: hidden;
    }
    .btm_rebtn {
        height: 44px;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 3;
        box-sizing: border-box;
        padding: 8px @break_nor;
        line-height: 28px;
    }
    .btm_rebtn:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        height: 1px;
        background-color: #ebebeb;
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    .btm_rebtn .head {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-right: 8px;
        text-align: center;
        line-height: 28px;
        background-color: #f5f5f5;
        color: #ccc;
        font-size: 10px;
    }
    .btm_rebtn .model_edit {
        display: block;
        height: 28px;
        line-height: 28px;
        background-color: #f5f5f5;
        border-radius: 28px;
        padding: 0 @break_nor;
        box-sizing: border-box;
        font-size: 12px;
        color: #ccc;
    }
    .btm_rebtn .btn {
        color: #808080;
        text-align: center;
        margin-left: @break_nor;
    }
    /*end*/
  .nop {
    padding: 0 @break_nor;
    box-sizing:border-box;
  }


}
/*手机和平板竖-end*/

/*手机+平板竖之外模拟窄屏幕-start*/
@media screen and (min-width: 800px) {

    //表单
    .modal .noflex_block{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex:1;
        box-flex: 1;
    }

    .modal .app_intro audio {
        width: 100%;
    }
    .modal .list_picnews .block:active{
        background-color: @color_border;
    }

    .modal span[class*="tmpfont"] {
        font-size: 18px;
    }
    .modal .app_list.flex_flex .line_break {
        display: block;
    }
    .modal .app_list_block{
        background-color: #fff;
        line-height:38px;
        padding:8px @break_nor;
    }
    .modal input.flex_input,.modal .mobiscroll_block input,.modal select {
        width: 100%!important;
        padding: 0;
        margin: 0;
        height: 38px;
        line-height: 38px;
        border: none;
        top: 0;
    }
    .modal input.with_border {
        .radius();
        padding: 0 2%;
        width: 96%;
        background-color: #fafafa;
        box-shadow: 0 1px 2px rgba(0,0,0,.05) inset;
    }
    .modal .much_input .break {
        display: inline-block;
        margin:0 10px;
        width: 1px;
        background-color: #dbdbdb;
        height: 38px;
        overflow: hidden;
    }
    .modal .much_input .arrow_more {
        margin-left:0;
        position:inherit;
    }
    .modal .app_list_block .title {
        width: auto;
        text-align: inherit;
    }
    .modal .app_list_block .r_head {
        width: 38px;
        height: 38px;
    }
    .modal .switch{
        margin-top:0px;
    }


    .modal .arrow_more[class*="calendar"] {
        margin-left: 8px;
        position: inherit;
        left: auto;
        top: auto;
    }
    .modal .app_list_block .arrow_more[class*="unfold"] {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }
    .modal .arrow_more[class*="unfold"]{
        margin-left: 8px;
        position: inherit;
        left: auto;
        top: auto;
    }
    .modal .app_list input[type="text"]:focus,.modal .app_list input[type="number"]:focus,.modal .app_list input[type="password"]:focus,.modal .app_list textarea:focus,.modal .app_list_block input[type="text"]:focus,.modal .app_list_block input[type="number"]:focus,.modal .app_list_block input[type="password"]:focus,.modal .app_list_block textarea:focus {
        box-shadow: none;

    }
    .modal .radio_block label,.modal .check_block label {
        margin-right: @break_nor;
    }

    .modal .app_list_block textarea {
        border: 0;
        border-radius: 0;
        padding: 6px 0;
        display: block;
        width: 100%;
        height: calc(@title_h *3);
        line-height: @title_h;
    }
    .modal .with_remind .remind {
        font-size: 14px;
        line-height: 28px;
        color: @color_txt;
        position: fixed;
        width: 70%;
        padding: 10px @break_nor;
        border-sizing: border-box;
        background-color: #fff;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 19;

    }
    .modal .with_remind .remind:before {
        display: none;
    }
    .modal .arrow_pic img {
        height: 38px;
    }

    .modal .right_txt {
        position: absolute;
        right: 0;
        top: 0;
        height: 54px;
        line-height: 54px;
        text-align: center;
        margin-left: 0;
        border-radius: 0;
        border: 0;
    }
    .modal .right_txt:before{
        content: " ";
        width: 1px;
        height: 54px;
        background-color: #dbdbdb;
        overflow: hidden;
        position:absolute;
        top:0;
        left:0;

    }
    .modal .left_txt:before{
        content: " ";
        width: 1px;
        height: 54px;
        background-color: #dbdbdb;
        overflow: hidden;
        position:absolute;
        top:0;
        right:0;
    }
    .modal .right_check {
        position: absolute;
        right: 0;
        top: 0;
        height: 54px;
        line-height:54px;
        text-align:center;
        width: 120px;
        border-radius: 0;
        margin-left: 0;
        border: 0;
    }
    .modal .right_check:before{
        width: 1px;
        height: 54px;
        background-color: #dbdbdb;
        overflow: hidden;
        position:absolute;
        top:0;
        left:0;

    }
    .modal .right_check img {
        height: 100%;
        width: 100%;
        border-radius: 0;
    }


//列表
    .modal .list_picnews .block .center .h01 {
        line-height: @title_h;

    }
    .modal .list_picnews .block .center .h01.ell_2_t{
        max-height: calc(@title_h * 2);
    }
    .modal .list_picnews .block .center .h01.ell_3_t{
        max-height: calc(@title_h * 3);
    }
    .modal .list_picnews .block .center .h02 {
        font-size: 14px;
        line-height: @des_h;
        color: #808080;
        margin-top: 4px;
    }
    .modal .list_picnews .block .center .h02.ell_2_d{
        max-height: calc(@des_h * 2);
    }
    .modal .list_picnews .block .center .h02.ell_3_d{
        max-height: calc(@des_h * 3);
    }
    .modal .list_picnews .block .left{
        height: @list_pic_h;
        width:calc(@list_pic_h + 24px);
        margin-right: 10px;
    }
    .modal .list_picnews .block span.right,.modal .list_picnews .block a.right{
        height: @list_pic_h;
        width:calc(@list_pic_h + 24px);
        margin-left: 10px;
    }
    .modal  .list_picnews .block {
        padding: 14px @break_nor;
    }
    .modal .list_picnews .block .center .h03{
        line-height:22px;
        font-size: 10px;
        color: #ccc;
        margin-top:10px;
    }
    .modal .list_picnews .block .center .h03 span {
        margin-right: 10px;
    }
    .modal .list_picnews .block .center .h03 span[class*="font"]{
        color: #ccc;
        margin-right:4px;
        font-size: 12px;
    }
    .modal .list_picnews .block .center .h03 span.head_editor{
        width:22px;
        height:22px;
        border-radius:100%;
        .coverpic();
    }
    .modal .list_picnews .block .center .h04{
        margin-top:10px;
        font-size: 10px;
    }
    .modal.list_picnews .block .center .h04 a,.modal .list_picnews .block .center .h04 span{
        margin-right: 10px;
    }
    .modal .list_picnews .block .center .h04 a,.modal .list_picnews .block .center .h04 a:hover{
        color: @color_cur;
    }
    .modal .list_picnews .block .center .h05{
        margin-top:6px;
        font-size:12px;
        color: #ccc;
        line-height:22px;
    }
    .modal .list_picnews .block .center .h05 a,.modal .list_picnews .block .center .h05 span{
        margin-right: 10px;
    }
    .modal .list_picnews .block .center .h05 a{
        color: #ccc;
    }
    .modal .list_picnews .block .center .h05 a:hover{
        color: @color_cur;
    }
    /**/
    .modal .list_picnews .block .pics{
        margin-top:10px;
    }
    .modal .list_picnews .block .pics span{
        margin-right: 2px;
        width:calc((100% - 4px)/3);
        height: @list_pic_h;
        .coverpic();
    }
    .modal .list_picnews .block .pics span:first-child{
        border-radius: 3px 0 0 3px;
    }
    .modal .list_picnews .block .pics span:last-child{
        border-radius:0 3px 3px 0;
        margin-right: 0;
    }
    .modal .list_picnews .block .pictxt .pl{
        width:calc((100% - 4px)/3);
        margin-right:10px;
        height: @list_pic_h;
        .coverpic();
        float: left;
    }
    .modal .list_picnews .block .pictxt .pr{
        width:calc((100% - 4px)/3);
        height: @list_pic_h;
        .coverpic();
        float: right;
    }
    .modal .list_picnews .block .pictxt .pc{
        width:calc(100% - ((100% - 4px)/3) - 10px);
        float: left;
    }
//底部菜单
    .btm_nav，.with_btm_nav,.btm_btn,.with_btm_btn,.btm_rebtn,.with_btm_rebtn{
        display: none;
    }
.border_input{
    border: 1px solid #ebebeb;
    margin: 0;
  }




}
/*手机+平板竖之外模拟窄屏幕-end*/
/*pc+笔记本+平板横-start*/
@media screen and (min-width: 800px) {
    /**/
    .list_picnews .block .pics{
        margin-top:20px;
    }
    .list_picnews .block .pics .tip{
        right: auto;
        left: 8px;
        bottom: 8px;
        font-size: 12px;
    }
    .list_picnews .block .pics span{
        margin-right: 8px;
        width:140px;
        height: 100px;
    }
    .list_picnews .block .pics span:first-child{
        border-radius: 0;
    }
    .list_picnews .block .pics span:nth-child(3){
        border-radius:0;
    }
    .list_picnews .block .pictxt .pl,.list_picnews .block .pictxt .pr{
        width:140px;
        height: 100px;
    }
    .list_picnews .block .pictxt .pc{
        width:calc(100% - 140px - 10px);
        float: left;
    }
}
/*pc+笔记本+平板横-end*/
/*手机+平板横+平板竖-start*/
@media screen and (max-width: 1200px) {

}
/*手机+平板横+平板竖-end*/
/*手机-start*/
@media screen and (max-width: 400px) {
}
/*手机-end*/
/*平板竖-start*/
@media screen and (min-width: 400px) and (max-width: 800px){

    .list_picnews .block .pics span {
        height: 132px;

    }

}
/*平板竖-end*/
/*平板横-start*/
@media screen and (min-width: 800px) and (max-width: 1200px) {

    .hide_pad{
        display: none;
    }

    .hide_pc{
        display:none;
    }
    .app_list_block  .arrow_more[class*="unfold"],.app_list_block  .arrow_more[class*="calendar"]{
        position: absolute;
        top: 8px;
        left:calc(@width_input + @width_title - 18px);
    }
    .left_txt {
        padding:0;
        left:calc(@width_title - 60px);
    }
    .app_list_block  .left_txt + .title {
        width:@width_title;
    }
    .list_picnews .block:active{
        background-color: @color_border;
    }


}
/*平板横-end*/

/*笔记本+大屏-start*/
@media screen and (min-width: 1200px) and (max-width: 3000px){

    input[type='text'] {
        font-size:@main_size_pc;
    }
    body{
        font-size:@main_size_pc;
    }
    body .gap_child, label{
        font-size:@main_size_pc;
    }
    input, select, textarea,button {
        font-size:@main_size_pc;
    }



    .list_picnews .block .center .h01 {
        line-height: 28px;
        font-size:18px;
      

    }
    .list_picnews .block .center .h02 {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
    }
    .list_picnews .block .left{
        height: calc(@list_pic_h * 2);
        width:calc(@list_pic_h * 2  + 40px);
        margin-right: @break_nor;
    }
    .list_picnews .block span.right, .list_picnews .block a.right{
        height: calc(@list_pic_h * 2);
        width:calc(@list_pic_h * 2 + 40px);
        margin-left: @break_nor;
    }
    .list_picnews .block {
        padding: 22px 22px;
    }

}
/*笔记本+大屏-end*/

/*笔记本-start*/
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .hide_pc{
        display:none;
    }
    .app_list_block .arrow_more[class*="unfold"],.app_list_block  .arrow_more[class*="calendar"]{
        position: absolute;
        top: 8px;
        left:calc(@width_input + @width_title - 18px);
    }
    .left_txt {
        padding:0;
        left:calc(@width_title - 60px);
    }
    .app_list_block  .left_txt + .title {
        width:@width_title;
    }

    /*pc端的图文列表start*/
    .list_picnews_pc {

    }
    .list_picnews_pc .block {
        padding: 26px 26px;
        background-color: #fff;
        display: block;
    }
    .list_picnews_pc .block .left {
        display: block;
        height: 160px;
        overflow: hidden;
        width:200px;
        .coverpic();
        margin-right: 20px;
    }

    .list_picnews_pc .block .center {

    }

    .list_picnews_pc .center .h01 {
        font-size:18px;
        max-height:auto;
        line-height: 28px;

    }

    .list_picnews_pc .block .center .h02 {
        font-size: 14px;
        max-height:auto;
        line-height:22px;
        color: #808080;
        margin-top: 10px;
    }
    .list_picnews .block .center .h03{
        line-height:28px;
        font-size: 14px;
        color: #ccc;
        margin-top:20px;
    }
    .list_picnews .block .center .h03 span {
        margin-right: @break_nor;
    }
    .list_picnews .block .center .h03 span[class*="font"]{
        color: #ccc;
        margin-right:4px;
        font-size: 18px;
    }
    .list_picnews .block .center .h03 span.head_editor{
        width:28px;
        height:28px;
        border-radius:100%;
        .coverpic();
    }
    .list_picnews .block .center .h04{
        margin-top:20px;
        font-size: 14px;
    }
    .list_picnews .block .center .h04 a,.list_picnews .block .center .h04 span{
        margin-right: @break_nor;
    }
    .list_picnews .block .center .h04 a,.list_picnews .block .center .h04 a:hover{
        color: @color_cur;
    }

    .list_picnews_pc .block span.right,.list_picnews_pc .block a.right {
        display: block;
        height: 160px;
        overflow: hidden;
        width:200px;
        .coverpic();
        margin-left: 20px;
    }
    /*pc端的图文列表end*/
    .block_ban {
        line-height: 38px;
        padding: 20px 0px;
    }
    .block_ban .des{
        line-height: 28px;
    }
    .block_ban .break_left:after,.block_ban .break_right:before{
        width:  36px;
    }
    .block_ban .title{
        font-size:18px;
        font-weight:normal;
        margin: 0 20px;
    }
    /*智能表格*/
    .flow_contain{
        width: 100%;
        overflow-y: auto;

    }
    .flow_contain::-webkit-scrollbar
    {
        -webkit-appearance: none;
        width: 10px;
        height: 10px;
    }

    .flow_contain::-webkit-scrollbar-thumb
    {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .2);
    }
    .flow_contain_outer { position: relative; width:100%;  overflow: hidden;}
    .flow_contain_outer .fade {
        position: absolute;
        right: 0;
        width: 30px;
        height: 100%;
        background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: -moz-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: -ms-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: -o-linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
        background-image: linear-gradient(90deg, rgba(255,255,255,0),  rgba(255,0,0,.1));
    }
    .data_table.longertable{
        width:1400px;
    }
    .data_table.longtable{
        width:1000px;
    }
    /**/


}
/*笔记本-end*/

/*手机+笔记本+平板-start*/
@media screen and (max-width: 1500px) {

}
/*手机+笔记本+平板-end*/

/*PC大屏-start*/
@media screen and (min-width: 1500px) {
    .hide_pc{
        display:none;
    }
    .outer{
        width:1296px;
    }
    .app_list_block .arrow_more[class*="unfold"],.app_list_block  .arrow_more[class*="calendar"]{
        position: absolute;
        top: 8px;
        left:calc(@width_input + @width_title - 18px);
    }
    .left_txt {
        padding:0;
        left:calc(@width_title - 60px);
    }
    .app_list_block  .left_txt + .title {
        width:@width_title;
    }
    /*pc端的图文列表start*/
    .list_picnews_pc {

    }
    .list_picnews_pc .block {
        padding: 26px 26px;
        background-color: #fff;
        display: block;
    }
    .list_picnews_pc .block .left {
        display: block;
        height: 160px;
        overflow: hidden;
        width:200px;
        .coverpic();
        margin-right: 20px;
    }

    .list_picnews_pc .block .center {

    }

    .list_picnews_pc.list_picnews_pc .center .h01 {
        font-size:18px;
        max-height:auto;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .list_picnews_pc .block .center .h02 {
        font-size: 14px;
        max-height:auto;
        line-height:22px;
        color: #808080;
    }
    .list_picnews .block .center .h03{
        line-height:28px;
        color: #ccc;
        margin-top:20px;
    }
    .list_picnews .block .center .h03 span {
        margin-right: @break_nor;
    }
    .list_picnews .block .center .h03 span[class*="font"]{
        color: #ccc;
        margin-right:4px;
    }
    .list_picnews .block .center .h03 span.head_editor{
        width:28px;
        height:28px;
        border-radius:100%;
        .coverpic();
    }
    .list_picnews .block .center .h04{
        margin-top:20px;
    }
    .list_picnews .block .center .h04 a,.list_picnews .block .center .h04 span{
        margin-right: @break_nor;
    }
    .list_picnews .block .center .h04 a,.list_picnews .block .center .h04 a:hover{
        color: @color_cur;
    }

    .list_picnews_pc .block span.right,.list_picnews_pc .block a.right {
        display: block;
        height: 160px;
        overflow: hidden;
        width:200px;
        .coverpic();
        margin-left: 20px;
    }
    /*pc端的图文列表end*/
    .block_ban {
        line-height: 38px;
        padding: 20px 0px;
    }
    .block_ban .des{
        line-height: 28px;
    }
    .block_ban .break_left:after,.block_ban .break_right:before{
        width:  36px;
    }
    .block_ban .title{
        font-weight:normal;
        margin: 0 20px;
        font-size: 18px;
    }




}
/*PC大屏-end*/



//RETINA两倍屏start
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){

    .opt_tips:before,a[class*="auto_btn"]:after, span[class*="auto_btn"]:after,a[class*="line_btn"]:after, span[class*="line_btn"]:after,.check_info:after,.arrow_pic:before,.border_list .app_list_block:before,.border_list .block:before,.border_block:before{
        width: 200%;
        height: 200%;
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
    }
    .opt_tips,.opt_tips:before,a[class*="auto_btn"]:after, span[class*="auto_btn"]:after,*[class*="line_btn"]:after,input[type="text"],input[type="number"],  input[type="password"],button[type='button'],textarea,.ex_head .person_head,.required_head  .person_head,.check_info,.check_info:after,.arrow_pic,.arrow_pic:before,.arrow_pic img,.right_check,.right_check img,.border_list .app_list_block,.border_list .block,.border_list .app_list_block:before,.border_list .block:before,.border_block:before,.list_picnews .block .left,.list_picnews .block span.right,.list_picnews .block a.right,.filter_btn,.mini_menu_outer .mini_menu,.floats .block{
        border-radius:6px;
    }

    .line_break_v,.much_input .break,.right_txt:before,.left_txt:before,.right_check:before,.statistics .flex_block:after,.col_list .app_list_block:before{
        -webkit-transform:scaleX(0.5);
        transform:scaleX(0.5);
    }
    .line_break,.w_btn:before,.mini_menu_outer .mini_menu li:before,.app_window .complete:after,.simple_center li:after,.break_p div,.statistics .flex_block:before,.col_list .app_list_block:after{
        -webkit-transform:scaleY(0.5);
        transform:scaleY(0.5);
    }



}
//RETINA两倍屏end
//RETINA三倍屏start
@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){

    .opt_tips:before,a[class*="auto_btn"]:after, span[class*="auto_btn"]:after,a[class*="line_btn"]:after, span[class*="line_btn"]:after,.check_info:after,.arrow_pic:before,.border_list .app_list_block:before,.border_list .block:before,.border_block:before{
        width: 300%;
        height: 300%;
        -webkit-transform:scale(0.3333);
        transform:scale(0.3333);
    }
    .opt_tips,.opt_tips:before,a[class*="auto_btn"]:after, span[class*="auto_btn"]:after,*[class*="line_btn"]:after,input[type="text"],input[type="number"],  input[type="password"],button[type='button'],textarea,.ex_head .person_head,.required_head  .person_head,.check_info,.check_info:after,.arrow_pic,.arrow_pic:before,.arrow_pic img,.right_check,.right_check img,.border_list .app_list_block,.border_list .block,.border_list .app_list_block:before,.border_list .block:before,.border_block:before,.list_picnews .block .left,.list_picnews .block span.right,.list_picnews .block a.right,.filter_btn,.mini_menu_outer .mini_menu,.floats .block{
        border-radius:9px;
    }

    .line_break_v,.much_input .break,.right_txt:before,.left_txt:before,.right_check:before,.statistics .flex_block:after,.col_list .app_list_block:before{
        -webkit-transform:scaleX(0.3333);
        transform:scaleX(0.3333);
    }
    .line_break,.w_btn:before,.mini_menu_outer .mini_menu li:before,.app_window .complete:after,.simple_center li:after,.break_p div,.statistics .flex_block:before,.col_list .app_list_block:after{
        -webkit-transform:scaleY(0.3333);
        transform:scaleY(0.3333);
    }




}
//RETINA三倍屏end